<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content=""/>
<script type="application/x-javascript">addEventListener("load",
      function() {
        setTimeout(hideURLbar, 0);
      },
      false);
      function hideURLbar() {
        window.scrollTo(0, 1);
      }</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<!--<link href="css/popup-box.css" rel="stylesheet" type="text/css" media="all" />-->

<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- //Custom Theme files --><!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Arapey:400,400i" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300i,400,400i,600,600i,700" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- banner -->
<div id="home" class="w3ls-banner">
	<!-- header -->
	<div class="header-w3layouts">
		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-fixed-top">
		<div class="container">
			<div class="navbar-header page-scroll">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
				<span class="sr-only">Dance Whirl</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				</button>
				<h1>
				<a class="navbar-brand" href="index.html">
					<img src="img/logo.png" alt="">
				</a></h1>
			</div>
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse navbar-ex1-collapse">
				<ul class="nav navbar-nav navbar-right">
					<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
					<li class="hidden">
					<a class="page-scroll" href="#page-top"></a>
					</li>
					<li>
					<a class="page-scroll scroll" href="#home">主页</a></li>
					<li>
					<a class="page-scroll scroll" href="/">新闻</a></li>
					<li>
					<a class="page-scroll scroll" href="/">评级</a></li>
					<li>
					<a class="page-scroll scroll" href="/">数据</a></li>
					<li>
					<a class="page-scroll scroll" href="/">登录</a></li>
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container --></nav>
	</div>
	
	<div class="main-body">
		<div class="container-main">
			<div class="warp-main container">
				<div class="page-left">
					<div class="js-lives">
						<div class="title">
							<div class="date">
								<ul class="tc">
									<span class="font12 month">7月</span>
									<span class="font18 day">15</span>
								</ul>
								<ol>
									<li class="week">今天</li>
									<li>星期天</li>
								</ol>
							</div>
							<div class="article-tabs tabs">
								<ul>
									<li>
										<a href="javascript:void(0)" title="快讯" class="tab-li active">快讯<span></span></a>
										<a href="javascript:void(0)" title="新闻" class="tab-li">新闻<span></span></a>
									</li>
								</ul>
							</div>
						</div>
						<div class="loading custom-loading" style="display: none;">
							<div class="bounce1"></div> 
							<div class="bounce2"></div> 
							<div class="bounce3"></div>
						</div>
						<div id="news-flash" class="tab-div">
							<div class="main">
								<div class="control clear data-bottom-id">
									<div class="grade2"></div>
									<div class="time">22:08</div>
									<div class="intro">
										<div class="content">
											<a href="javascript:void(0)" class="livesb">BitUN公布回购计划和理财挖矿方案  BUC放量上涨超16%</a>
											<a href="javascript:void(0)">
												今晚，BitUN（比联）召开理财全新升级线上发布会，正式对外公布4.2亿BUC代币回购详细计划以及“理财即挖矿”方案，BUC随即放量上涨超过16%，目前BUC已连续上涨4日，累计涨幅52.1%。
											</a>
											<div class="lable-box">
												<a href="javascript:void(0)">
													ETH
												</a>
												<a href="javascript:void(0)">
													BTC
												</a>
												<a href="javascript:void(0)">
													BTC
												</a>
											</div>
										</div>
									</div>
								</div>
								<div class="control clear data-bottom-id">
									<div class="grade3"></div>
									<div class="time">22:08</div>
									<div class="intro">
										<div class="content">
											<a href="javascript:void(0)" class="livesb">BitUN公布回购计划和理财挖矿方案  BUC放量上涨超16%</a>
											<a href="javascript:void(0)">
												今晚，BitUN（比联）召开理财全新升级线上发布会，正式对外公布4.2亿BUC代币回购详细计划以及“理财即挖矿”方案，BUC随即放量上涨超过16%，目前BUC已连续上涨4日，累计涨幅52.1%。
											</a>
											<div class="lable-box">
												<a href="javascript:void(0)">
													ETH
												</a>
												<a href="javascript:void(0)">
													BTC
												</a>
												<a href="javascript:void(0)">
													BTC
												</a>
											</div>
										</div>
									</div>
								</div>
								
							</div>
						</div>
						<div id="news-list" class="tab-div" style="display: none;">
							<ul class="news-list-ul">
								<li class="news-li-list">
									<a href="javascript:void(0);">
										<div class="shade"></div>
										<div class="showd">
											<span class="cover">
												<img src="https://inews.gtimg.com/newsapp_ls/0/4392477218_294195/0?tp=webp" >
											</span>
											<div class="h-article-info">
												<h3 class="news-title">区块链——我想要再试试，将这个世界去中心化</h3>
												<div class="news-info">
													在他上个世纪90年代末撰写的自传《编制互联网》中，他写道：“看到成千上万的草根共同努力让互联网蓬勃发展给了我巨大的希望：我们能够一同创造我们想要的世界。”他希望互联网能够让世界更加分散化。在他上个世纪90年代末撰写的自传《编制互联网》中，他写道：“看到成千上万的草根共同努力让互联网蓬勃发展给了我巨大的希望：我们能够一同创造我们想要的世界。”他希望互联网能够让世界更加分散化。
												</div>
												<div class="news-time">2018-07-15 21:51</div>
											</div>
										</div>
										
									</a>
								</li>
								<li class="news-li-list">
									<a href="javascript:void(0);">
										<div class="shade"></div>
										<div class="showd">
											<span class="cover">
												<img src="https://inews.gtimg.com/newsapp_ls/0/4392477218_294195/0?tp=webp" >
											</span>
											<div class="h-article-info">
												<h3 class="news-title">区块链——我想要再试试，将这个世界去中心化</h3>
												<div class="news-info">
													在他上个世纪90年代末撰写的自传《编制互联网》中，他写道：“看到成千上万的草根共同努力让互联网蓬勃发展给了我巨大的希望：我们能够一同创造我们想要的世界。”他希望互联网能够让世界更加分散化。在他上个世纪90年代末撰写的自传《编制互联网》中，他写道：“看到成千上万的草根共同努力让互联网蓬勃发展给了我巨大的希望：我们能够一同创造我们想要的世界。”他希望互联网能够让世界更加分散化。
												</div>
												<div class="news-time">2018-07-15 21:51</div>
											</div>
										</div>
										
									</a>
								</li>
								<li class="news-li-list">
									<a href="javascript:void(0);">
										<div class="shade"></div>
										<div class="showd">
											<span class="cover">
												<img src="https://inews.gtimg.com/newsapp_ls/0/4392477218_294195/0?tp=webp" >
											</span>
											<div class="h-article-info">
												<h3 class="news-title">区块链——我想要再试试，将这个世界去中心化</h3>
												<div class="news-info">
													在他上个世纪90年代末撰写的自传《编制互联网》中，他写道：“看到成千上万的草根共同努力让互联网蓬勃发展给了我巨大的希望：我们能够一同创造我们想要的世界。”他希望互联网能够让世界更加分散化。在他上个世纪90年代末撰写的自传《编制互联网》中，他写道：“看到成千上万的草根共同努力让互联网蓬勃发展给了我巨大的希望：我们能够一同创造我们想要的世界。”他希望互联网能够让世界更加分散化。
												</div>
												<div class="news-time">2018-07-15 21:51</div>
											</div>
										</div>
										
									</a>
								</li>
							
							</ul>
						</div>
					</div>
				</div>
				<div class="page-right">
					<div class="font18 article-tabs tabs-height">
						<a class="active nohover">热门推荐</a>
					</div>
					<div class="js-hot-article">
						<ul>
							<li>
								<i>1</i>
								<a>不破不立 洗牌仍将持续 7月14日行情分析</a>
							</li>
							<li>
								<i>2</i>
								<a>7月14日行情分析不破不立 洗牌仍将持续 7月14日行情分析</a>
							</li>
							<li>
								<i>3</i>
								<a>不破不立 洗牌仍将持续 7月14日行情分析不破不立</a>
							</li>
							<li>
								<i>4</i>
								<a>不破不立 洗牌仍将持续 7月14日行情分析洗牌仍将持续</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--footer-->
	<div class="copy-right">
		<div class="footer-nav">
			<ul>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
			</ul>
			<ul>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
			</ul>
			<ul>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
				<li>Helo</li>
			</ul>
		</div>
	</div>
	<!--footer-->
</div>
</body>
<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$('.tab-li').click(function(event){
		let this_class = event.target.classList;
		if($.inArray('active',this_class)>=0){
			return;
		}
		 $(".tab-li").eq($(this).index()).addClass("active").siblings().removeClass('active');
		 $(".tab-div").hide().eq($(this).index()).show();
		 $(".custom-loading").css('display','block');
		 setTimeout(function(){
			 $(".custom-loading").css('display','none');
		 },2000)
	});
	$('.news-li-list').mousemove(function(e){
    	$('.news-li-list').removeClass('on');
    	$(this).addClass('on'); 
    });
    $('.news-li-list').mouseout(function(e){
    	$('.news-li-list').removeClass('on');	
    });
</script>
</html>